<template>
  <div id="maoTitle">
    <div class="t2">
      <img
        src="https://p0.meituan.net/scarlett/448afce485c1f342895185c2be668fa411803.png@80q"
        alt=""
        class="maoyan"
      />
      <div class="t2_op">
        <span>发现最新最热电影</span>
        <span>打开App</span>
        <img
          src="https://p0.meituan.net/scarlett/70a18c9d3c345f442e5a4e6bf2d16180779.png@80q"
          alt=""
          class="openapp"
        />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Title2",
};
</script>

<style scoped>
* {
  margin: 0;
  padding: 0;
}


.t2 {
  width: 100%;
  height: 1.6rem;
  background-color: white;
  border-bottom: .026667rem solid rgb(194, 190, 190);
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.t2 .maoyan {
  width: 2.666667rem;
  height: 1.013333rem;
}

.t2 .openapp {
  width: .266667rem;
}
.t2 .t2_op span:nth-of-type(1) {
  font-size: .373333rem;
  font-weight: bold;
  color: #666;
  margin-left: 1.066667rem;
  margin-right: .266667rem;
}
.t2 .t2_op span:nth-of-type(2) {
    font-size: .426667rem;
    font-family: PingFangSC-Medium;
    color: #b37e7e;
    font-weight: bold;
}

</style>